<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions" 
      xmlns:b="http://xmlns.jcp.org/jsf/composite/bunsysComponents"
      template="/WEB-INF/templates/template.xhtml">
      <ui:param name="idForm" value="frmClientes" />
      <ui:param name="controller" value="#{clienteController}" />
      <ui:define name="contentBody">
		  <p:panel header="#{msg.lbl_clientes}">
		  	<p:fieldset legend="#{msg['lbl_busqueda']}">
		  		<h:panelGroup layout="block">
		  			<h:panelGrid columns="3">
		  				
		  				<p:outputLabel value="#{msg['lbl_marcacion']}:" for="txtNombre"/>
		  				<p:inputText id="txtNombre" value="#{clienteDatamanager.clienteserch.tsyspersona.nombres}"/>
		  				<p:message for="txtNombre"/>
		  				
		  				<p:outputLabel value="#{msg['lbl_cliente']}:" for="txtApellidos"/>
		  				<p:inputText id="txtApellidos" value="#{clienteDatamanager.clienteserch.tsyspersona.apellidos}"/>
		  				<p:message for="txtApellidos"/>
		  				
		  				<!-- <p:outputLabel value="#{msg['lbl_tipo_id']}:" for="selTipoIdentificacion"/>
		  				<p:selectOneMenu id="selTipoIdentificacion" value="#{clienteDatamanager.clienteserch.tsyspersona.tipoid}">
		  					<f:selectItem itemLabel="Seleccione" itemValue="#{null}"/>
		  					<f:selectItems value="#{clienteDatamanager.tiposCatalogo}" var="item" itemLabel="#{item.descripcion}" itemValue="#{item.pk.codigocatalogo}"/>
		  				</p:selectOneMenu>
		  				<p:message for="selTipoIdentificacion"/> -->
		  				
		  				<p:outputLabel value="#{msg['lbl_identificacion']}:" for="txtIdentificacion"/>
		  				<p:inputText id="txtIdentificacion" value="#{clienteDatamanager.clienteserch.tsyspersona.identificacion}"/>
		  				<p:message for="txtIdentificacion"/>
		  				
		  			</h:panelGrid>
		  		</h:panelGroup>
		  		<h:panelGroup layout="block" style="float:left">
		  			<p:commandButton icon="ui-icon-search" value="#{msg['btn_buscar']}" action="#{clienteController.buscar()}" update="pnlDataArticulos"/>
		  			<p:commandButton icon="ui-icon-plusthick" 
		  				value="#{msg['btn_crear']}"
		  				oncomplete="PF('dlgCliente').show()" 
		  				action="#{clienteController.crearArticulo()}" 
		  				update=":frmCreacionArticulos:pnlArticulo"/>
		  		</h:panelGroup>
		  	</p:fieldset>
		  	<p:fieldset legend="#{msg['lbl_listado_clientes']}">
		  		<h:panelGroup layout="block" id="pnlDataArticulos">
		  			<p:dataTable value="#{clienteDatamanager.clientesCol}" var="item">
		  				<p:column headerText="#{msg['lbl_codigo_principal']}">
		  					<h:outputText value="#{item.pk.codigocliente}" />
		  				</p:column>
		  				<p:column headerText="#{msg['lbl_marcacion']}">
		  					<h:outputText value="#{item.tsyspersona.nombres}" />
		  				</p:column>
		  				<p:column headerText="#{msg['lbl_cliente']}">
		  					<h:outputText value="#{item.tsyspersona.apellidos}" />
		  				</p:column>
		  				<p:column headerText="#{msg['lbl_tipo_id']}">
		  					<h:outputText value="#{item.tsyspersona.tadmtipopersona.descripcion}" />
		  				</p:column>
		  				<p:column headerText="#{msg['lbl_identificacion']}">
		  					<h:outputText value="#{item.tsyspersona.identificacion}" />
		  				</p:column>
		  				<p:column headerText="#{msg['lbl_estado']}">
		  					<h:outputText value="#{item.tsyspersona.tadmestado.descripcion}" />
		  				</p:column>
		  				<p:column styleClass="bun-action" style="text-align:center">
		  					<p:commandButton icon="ui-icon-pencil" title="#{msg['btn_actualizar']}" oncomplete="PF('dlgCliente').show();" update=":frmCreacionArticulos:pnlArticulo">
		  						<f:setPropertyActionListener target="#{clienteDatamanager.clienteComponente.tfaccliente}" value="#{item}"/>
		  					</p:commandButton>
		  				</p:column>
		  				<p:column styleClass="bun-action" style="text-align:center">
		  					<p:commandButton icon="ui-icon-trash" title="#{msg['btn_eliminar']}" action="#{clienteController.eliminar(item.tsyspersona.pk.codigopersona)}" update=":frmClientes:pnlDataArticulos"/>
		  				</p:column>
		  			</p:dataTable>
		  		</h:panelGroup>
		  	</p:fieldset>
		  </p:panel>
	  </ui:define>
	  <ui:define name="dialogArea">
	  	<p:dialog widgetVar="dlgCliente" appendTo="@(body)" modal="true" resizable="false" closeOnEscape="true">
	  		<f:facet name="header">
	  			<h:outputText value="#{msg['lbl_clientes']}" />
	  		</f:facet>
			<h:form id="frmCreacionArticulos">
				<b:clienteComponent id="pnlArticulo" controller="#{clienteDatamanager.clienteComponente}" processSave="@this" updateSave=":frmClientes:pnlDataArticulos" oncompleteSave="PF('dlgCliente').hide();" oncompleteCancel="PF('dlgCliente').hide();"/>
			</h:form>	  		
	  	</p:dialog>
	  </ui:define>
</ui:composition>
